<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div th:fragment="agentListPage" class="content">
		<div class="card" v-for="agent in agents">
			<div class="card-content">
				<div class="list-block media-list">
					<ul>
						<li class="item-content item-link">
							<div class="item-media">
								<img :src="agent.headUrl" style='width: 3rem;height: 3rem;'>
							</div>
							<div class="item-inner">
								<div class="item-title-row">
									<div class="item-title">{{agent.name}}</div>
								</div>
								<div class="item-subtitle">{{agent.level_fmt}}</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="card-footer">
				<span>加入时间：{{agent.joinTime_fmt}}</span> <span @click="gotoSubAgent(agent)">下级代理（<a>{{agent.subAgentCount}}</a>）人</span>
			</div>
		</div>
		<div v-if="agents.length == 0" class="content-block-title text-center">{{parent.name}}还没有下级代理</div>
	</div>
	<div th:fragment="agentAddPage" class="content">
		<div class="content-block-title">代理资料</div>
		<div class="list-block">
			<ul>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-iconfonttuijianren"></i>
						</div>
						<div class="item-inner">
							<div class="item-title label">推荐人</div>
							<div class="item-input">
								<input type="text" v-model="form.refereeName" readonly="readonly" disabled="disabled">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-xingming"></i>
							<span class="require">*</span>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.name" placeholder="请输入姓名">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-shoujihaoma"></i>
							<span class="require">*</span>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.mobileNo" placeholder="请输入手机号码">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-duanxinyanzhengma"></i>
							<span class="require">*</span>
						</div>
						<div class="item-inner">
							<div class="item-input row">
								<div class="col-50"><input type="text" v-model="form.captchaCode" placeholder="请输入验证码"></div>
								<div class="col-50"><a href="javascript:void(0);" class="button button-big" @click="sendCode">获取验证码</a></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-youxiang"></i>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.email" placeholder="请输入邮箱">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-mima1"></i>
							<span class="require">*</span>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="password" v-model="form.password" placeholder="请输入密码">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-mimaqueren"></i>
							<span class="require">*</span>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="password" v-model="form.password2" placeholder="请再次输入密码">
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="content-block-title">资金账户信息</div>
		<div class="list-block">
			<ul>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-icon-test"></i>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input id="bankPicker" type="text" v-model="form.bank" placeholder="请选择开户银行">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-yinhang"></i>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.bankCard" placeholder="请输入银行卡号">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-zhifubao"></i>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.zhifubao" placeholder="请输入支付宝账户">
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="item-content">
						<div class="item-media">
							<i class="iconfont icon-weixin"></i>
						</div>
						<div class="item-inner">
							<div class="item-input">
								<input type="text" v-model="form.wxPay" placeholder="请输入微信账户">
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="content-block">
    		<p><a href="javascript:void(0);" class="button button-big" @click="postInfo">提&nbsp;&nbsp;&nbsp;&nbsp;交</a></p>
    	</div>
		<div id="bankPickerDiv" v-show="false">
			<header class="bar bar-nav">
				<button class="button button-link pull-right close-picker">确定</button>
				<h1 class="title">请选择你的开户银行</h1>
			</header>
		</div>
		
		<div id="sendCodeDiv" v-show="false">
			<div>
				<img alt="" src="">
				<input type="text" placeholder="请输入图片验证码">
			</div>
		</div>
	</div>
</body>
</html>